import React from "react";
// import Modal from './Modal';
import { BrowserRouter as Router, Route, Link } from "react-router-dom"
import Home from "./Pages/Home"
import About from "./Pages/About"
import Mine from "./Pages/Mine"
import Page404 from "./Pages/Page404"



class App extends React.Component {
  // state = {
  //   isShow: false
  // }
  // handleOk = () => {
  //   this.setState({
  //     isShow: false
  //   })
  // }
  // handleCancel = () => {
  //   this.setState({
  //     isShow: false
  //   })
  // }

  render() {
    return (
      // <fieldset>
      //   <legend>A组件</legend>
      //   <button onClick={() => {
      //     this.setState({
      //       isShow: true
      //     })
      //   }}>点击打开对话框</button>
      //   <Modal title="警告⚠" visible={this.state.isShow} onOk={this.handleOk} onCancel={this.handleCancel}>
      //     <h3>您确定要删除这条数据吗？删除后不可恢复！</h3>
      //   </Modal>

      // </fieldset>
      <Router>
        <div className="app">
          <Link to="/home">主页</Link>
          |
          <Link to="/about">关于</Link>
          |
          <Link to="/mine">个人中心</Link>
          <Route path="/home" component={Home}></Route>
          <Route path="/about" component={About}></Route>
          <Route path="/mine" component={Mine}></Route>
          <Route path="/" exact component={Page404}></Route>
        </div>
      </Router>
    )
  }


}




export default App